<%@ include file="../layout/taglib.jsp"%>
<div class="wrap">
	<figure class="bottom-content">
		<div class="content-bottom" id="content-bottom_id"></div>
		<figcaption>
			<div class="middle-content">
				<div class="text_bottom">
					<h2>
						<t:message code="msg_bottom" />
					</h2>
				</div>
				<hr class="hr2">
			</div>
			<div class="page_bottom row-centered">
				<div id="beginner" class="col-xs-6 col-sm-6 col-md-4 col-lg-4 col-centered">
					<a
						href="<%=request.getContextPath()%>/lstcourses/allcourses?level=1">
						<t:message code="beginner" />
					</a>
				</div>
				<div id="intermediate" class="col-xs-6 col-sm-6 col-md-4 col-lg-4 col-centered">
					<a
						href="<%=request.getContextPath()%>/lstcourses/allcourses?level=2">
						<t:message code="intermediate" />
					</a>
				</div>
				<div id="advanced" class="col-xs-6 col-sm-6 col-md-4 col-lg-4 col-centered">
					<a
						href="<%=request.getContextPath()%>/lstcourses/allcourses?level=3">
						<t:message code="advanced" />
					</a>
				</div>
				<div class="clear"></div>
			</div>
		</figcaption>
	</figure>
</div>
<div class="start_profile">
	<h3>
		<t:message code="start_profile" />
	</h3>
</div>
<div class="start_profile_btn">
	<a href="<%=request.getContextPath()%>/lstcourses/register" class="btn btn-success"> <t:message code="register"/>
	</a>
</div>
<script type="text/javascript"
	src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript"
	src="http://code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {

		$("#beginner").click(function() {
			window.location = $(this).find("a").attr("href");
			return false;
		});

		$("#intermediate").click(function() {
			window.location = $(this).find("a").attr("href");
			return false;
		});

		$("#advanced").click(function() {
			window.location = $(this).find("a").attr("href");
			return false;
		});

		$("#start_profile_btn").click(function() {
			window.location = $(this).find("a").attr("href");
			return false;
		});

	});
</script>
